<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src='jquery-1.10.2.min.js'> </script>
<style type = 'text/css'>
.imageshow{
  background-color:violet;
  width:56px;
  height:56px;
  border: solid 2px white;
  float:left;
}
</style>
<div id = 'img1' class = 'imageshow'><img src = 'dep1.jpg' width = "56px" height = "56px" /></div>
<div id = 'img2' class = 'imageshow'><img src = 'dep2.jpg' width = "56px" height = "56px"/></div>
<div id = 'img3' class = 'imageshow'><img src = 'dep3.jpg' width = "56px" height = "56px"/></div>
<br><br><br>
<div id = 'show'></div>
<script>
$('#img1').click(function(){
   $('#show').html('<img src = "dep1.jpg" width = "500px" height = "400px"/>');
});
$('#img2').click(function(){
   $('#show').html('<img src = "dep2.jpg" width = "500px" height = "400px"/>');
});
$('#img3').click(function(){
   $('#show').html('<img src = "dep3.jpg" width = "500px" height = "400px"/>');
});
</script>